<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<meta name="format-detection" content="telephone = no" />
		<meta name="format-detection" content="email = no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/InvestmentDetails.css" />
	</head>

	<body>
		<header>
			<div class="header_title">
				<a href=""><img src="img/返回 (1).png" /></a>
				<h3>充值中心</h3>
			</div>
		</header>
		<!--头部结束-->
		<section>
			<div class="StateOfInvestment">
				<div class="SOI_title">投资者编号</div>
				<span>100587895000</span>
			</div>
			<div class="StateOfInvestment">
				<span class="SOI_title">项目期限</span>
				<span>3个月</span>
			</div>
			<div class="StateOfInvestment">
				<span class="SOI_title">项目状态</span>
				<span>收益中</span>
			</div>
			<div class="StateOfInvestment">
				<span class="SOI_title">初始起投金额（元）</span>
				<span>10000</span>
			</div>
			<div class="StateOfInvestment">
				<span class="SOI_title">抵卷金额（元）</span>
				<span>100.00</span>
			</div>
			<div class="StateOfInvestment">
				<span class="SOI_title">已还款</span>
				<span>300</span>
			</div>
			<div class="StateOfInvestment">
				<span class="SOI_title">待还款</span>
				<span>900</span>
			</div>
			<div class="paymentHistory">
				<div class="pay_title">
					还款记录
				</div>
				<div class="pay_header">
					<ul>
						<li>期数</li>
						<li>还款日期</li>
						<li>应收</li>
						<li>状态</li>
					</ul>
				</div>
			</div>
			<div class="pay_comn">
				<ul>
					<li>1</li>
					<li>2016/05/26</li>
					<li>300</li>
					<li>
						<img src="img/勾.png"/>
					</li>
				</ul>
			</div>
			<div class="pay_comn">
				<ul>
					<li>2</li>
					<li>2016/05/26</li>
					<li>400</li>
					<li>
						<img src="img/勾.png"/>
					</li>
				</ul>
			</div>
			<div class="pay_comn">
				<ul>
					<li>3</li>
					<li>2016/05/26</li>
					<li>500</li>
					<li>
						<img src="img/勾.png"/>
					</li>
				</ul>
			</div>
			<div class="pay_comn">
				<ul>
					<li>还本</li>
					<li>2016/05/26</li>
					<li>600</li>
					<li>
						<img src="img/勾.png"/>
					</li>
				</ul>
			</div>
			<div class="pay_comn">
				<ul>
					<li>合计</li>
					<li>2016/05/26</li>
					<li>300</li>
					<li>
						<img src="img/勾.png"/>
					</li>
				</ul>
			</div>
			
		</section>
	</body>

</html>